﻿/*-------------------------Simple reset--------------------------*/
*{margin:0;padding:0;}
/*-------------------------General Styles--------------------------*/
html{background:#DDDFE1 url(bodybg.png) center top repeat-x;}
body{color:#F9F9F9;font:14px/1.3 'Segoe UI',Arial, sans-serif;min-height:930px;}
a, a:visited {text-decoration:none;outline:none;color:#4E4E4E;}
a:hover{text-decoration:none;}
/*----------------------------Headers & Footers-----------------------------*/
header{display:block;height:160px;padding:10px;}
header h1{height:80px;margin:75px auto;overflow:hidden;text-align:center;text-indent:-99999px;}
/*----------------------------Green filter bar-----------------------------*/
#filter {background:url("bar.png") repeat-x 0 -94px;display:block;height:39px;margin:55px auto;position:relative;width:600px;text-align:center;-moz-box-shadow:0 4px 4px #000;-webkit-box-shadow:0 4px 4px #000;box-shadow:0 4px 4px #000;}
#filter:before, #filter:after {background:url("bar.png") no-repeat;height:43px;position:absolute;top:0;width:78px;content:'';-moz-box-shadow:0 2px 0 rgba(0,0,0,0.4);-webkit-box-shadow:0 2px 0 rgba(0,0,0,0.4);box-shadow:0 2px 0 rgba(0,0,0,0.4);}
#filter:before {background-position:0 -47px;left:-78px;}
#filter:after {background-position:0 0;right:-78px;}
#filter a{color:#FFFFFF;display:inline-block;height:39px;line-height:37px;padding:0 15px;text-shadow:1px 1px 1px #315218;}
#filter a:hover{text-decoration:none;}
#filter a.active{background:url("bar.png") repeat-x 0 -138px;box-shadow:1px 0 0 rgba(255, 255, 255, 0.2),-1px 0 0 rgba(255, 255, 255, 0.2),1px 0 1px rgba(0,0,0,0.2) inset,-1px 0 1px rgba(0,0,0,0.2) inset;}
/*----------------------------Content area-----------------------------*/
#container{display:block;overflow:hidden;width:830px;margin:0 auto;}
#container li{float:left;height:78px;list-style:none outside none;margin:6px;position:relative;width:128px;-moz-box-shadow:0 0 5px #000;-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000;}
#container ul{overflow:hidden;}
#container ul.hidden{display:none;}
.abc{width:60px;background:#68a937;color:White;padding:0 12px;border:#A7A7A7 0px solid;}
.sbtn{cursor:pointer;height:39px;font-size:14px;margin-left:-1px;display:inline-block;vertical-align:middle;float:left;}
.subm{height:25px;margin-left:10px;}
.centerabc{ margin-right:auto;margin-left:auto;vertical-align:middle;line-height:200px;top:180px;position:absolute;left:44%;width:600px;}
.center{text-align:center;}
.right{text-align:right;}
.white{ color: White;}
.black{ color: #666666;}
.br_white{background-color:#232A34;}
.br_reg{background-color:Red;}
.br_green{background-color:#68a937;}
.br_ye{background-color:#ff9900;}
/*----------------------------context area-----------------------------*/
.context{display:block;margin:55px auto;position:relative;width:740px;text-align:center;background-color: #eef3f6;margin: 0px auto;overflow:hidden;}
.context span{float: left;margin: 10px 4px 0px 0px;width: 96px;line-height: 20px;height: 20px;cursor: pointer;text-align: center;color: #1074B2;font:14px;}
.div_pro_con{margin-top:20px;}
.div_pro_con ul{overflow:hidden;width:100%;margin:0px;}
.div_pro_con li{float: left;margin:10px 4px 0px 0px;overflow:visible;width:96px;line-height:20px;position:relative;display:block;height:20px;cursor:pointer;text-align:center;color:#1074B2;text-decoration:none;font:14px;}
.con_title{font-size: 14px;top:15px;display:block;margin:55px auto;position:relative;width:740px;text-align:center;margin: 0px auto;overflow:hidden;} 
.con_title span{float: left;font-size: 14px;color:#ff9900;font-weight:bold;margin:5px 20px 0 20px;}
.con_title LI{float: left;margin: 0px 4px 0px 10px;overflow: visible;width: 68px;line-height: 23px;position: relative;height: 23px;cursor: pointer;}
.con_title LI A:link{display: block;color: #040404;}
.con_title LI A:visited{display: block;color: #040404;}
.con_title LI A:hover{background: url(/images/ss2a.gif) repeat-x 0px 0px;color: #fd2828;text-decoration: none;}
.ssnav1{border-right: #6fb8ea 1px solid;border-top: #6fb8ea 1px solid;font-weight: bold;background: url(/images/ss1.gif) repeat-x 0px 0px;border-left: #6fb8ea 1px solid;border-bottom: #6fb8ea 0px solid;text-align: center;color: #333333;}
.ssnav2{border-right: #7dc7ed 1px solid;border-top: #7dc7ed 1px solid;background: url(/images/ss2.gif) repeat-x 0px 0px;border-left: #7dc7ed 1px solid;border-bottom: #7dc7ed 0px solid;text-align: center;color: #333333;}
.div_con{border-top: #7dc7ed 1px solid;display:block;margin:55px auto;position:relative;width:740px;text-align:center;background-color: #eef3f6;margin: 0px auto;overflow:hidden;}
.div_con li{float: left;margin: 10px 4px 0px 10px;overflow: visible;width: 150px;line-height: 23px;position: relative;height: 23px;cursor: pointer;}
.div_con li A:link{display: block;color: #1074B2;text-decoration: none;font: 14px;}
.div_con li A:visited{display: block;color: #1074B2;text-decoration: none;font:14px;}
.div_con li A:hover{color: #1074B2;text-decoration: none;font: 14px;}